<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p2_文本处理标签</title>
</head>
    <!-- 1.文本标签-->
    我是普通文字
    <b>加粗文字</b>
    <i>italic斜体文字</i>
    <s>删除线文字</s>
    <u>underline下划线文字</u>
    <mark>高亮标记文字</mark>
    <!-- 2.空格折叠：将连续的多个空格与换行都折叠成一个空格显示-->
    <br><!-- 换行标签 单标记标签-->
    我是新内容
    <!-- 3.转义符号
    less than小于号&lt;
    great than大于号&gt;
    &nbsp;空格-->
    我喜欢吃&lt;rose&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;红烧肉


    <h1>标题</h1>
    <h2>标题</h2>
    <h3>标题</h3>
    <h4>标题</h4>
    <h5>标题</h5>
    <h6>标题</h6>
    <!-- 没有h7标签，但不会报错，只是不渲染效果 -->
    <h7>标题</h7>

    <!-- 段落标签 内容独占一行 有垂直方向的行间距 没有额外的文字效果 -->
    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>

    <!-- 分割线 -->
    <hr>
    <!-- 生成假文 lorem按Tab补全 -->
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores beatae distinctio dolores iusto, labore maxime molestiae nihil perspiciatis quis, suscipit, velit vero! Aperiam aut iusto maxime nesciunt perspiciatis possimus, soluta.

    <!-- 有序列表 ordered list -->
    <!-- 1阿拉伯数字默认值 A/a英文字母 I/i罗马数字 -->
    <ol type="1">
        <li>把冰箱门打开</li><!-- list item列表项 -->
        <li>把大象装进去</li>
        <li>把冰箱门关上</li>
    </ol>
    <!-- 无序列表 unoedered list -->
    <ul type="none">
        <li>《Java从入门到精通》</li> <!-- list item列表项 -->
        <li>《Think in Java》</li>
        <li>《编程之美》</li>
        <li>《颈椎病康复指南》</li>
    </ul>

    <hr>
    <ul type="none">
        <li>热菜
            <ol>
                <li>西红柿牛腩</li>
                <li>宫保鸡丁</li>
                <li>水煮肉片</li>
                <li>溜肉段</li>
            </ol>
        </li>
        <li>凉菜
            <ol>
                <li>拍黄瓜</li>
                <li>凉拌三丝</li>
                <li>皮蛋豆腐</li>
            </ol>
        </li>
        <li>主食
            <ol>
                <li>米饭</li>
                <li>馒头</li>
            </ol>
        </li>
    </ul>


    <hr>
    <h1>个人简历</h1>
    <h3>基本信息</h3>
        <p>姓名：<b>超哥</b></p>
        <p>性别：男</p>
        <p>爱好：<s>追星</s></p>
    <h3>个人经历</h3>
        <ul type>
            <li>小学9年</li>
            <li>中学9年</li>
            <li>高中12年</li>
        </ul>
    <h3>获得荣誉</h3>
        <ol type="1">
            <li>赵丽颖收集达人</li>
            <li>赵丽颖永远也得不到的男人</li>
        </ol>
</body>
</html>
